<template>
<div text="sm" m="y-4" data-v-72294632=""><p>使用 <code>maxlength</code> 和 <code>minlength</code> 属性, 来控制输入内容的最大字数和最小字数。 "字符数"使用JavaScript字符串长度来衡量。 为文本或文本输入类型设置 <code>maxlength</code> prop可以限制输入值的长度。 允许你通过设置 <code>show-word-limit</code> 到 <code>true</code> 来显示剩余字数。</p>
</div>
  <el-input
    v-model="text"
    style="width: 240px"
    maxlength="10"
    placeholder="Please input"
    show-word-limit
    type="text"
  />
  <div style="margin: 20px 0" />
  <el-input
    v-model="textarea"
    maxlength="30"
    style="width: 240px"
    placeholder="Please input"
    show-word-limit
    type="textarea"
  />
</template>

<script lang="ts" setup>
import { ref } from 'vue'
const text = ref('')
const textarea = ref('')
</script>

<style scoped>
@import '../../assets/elementPlusDemo.css'
</style>